<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
<link rel="stylesheet" href="../../static/assets/css/zpui.css"/>
<link rel="stylesheet" href="../../static/assets/css/all.css"/>
<link rel="stylesheet" href="../../static/mobile/default/css/layout.css?v=2"/>
<script src="../../static/assets/js/page.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

    <title> 设置代理商 </title>
</head>

<body>
<div class="page">
    <div class="page-hd">
        <div class="header bor-1px-b">
    <div class="header-left">
        <a href="javascript:history.go(-1)" class="left-arrow"></a>
    </div>
    <div class="header-title">设置代理商</div>
    <div class="header-right">
        <a href="#"></a>
    </div>
</div>
    </div>

    <div class="page-bd" style="background-color: #ffffff;">
        <!-- 页面内容-->
        <div class="tx_input" style="margin: 0.3rem 0.4rem">
            <input id="levelID" class="weui-input" type="number"  placeholder="请输入ID">
        </div>
        <div id="role_user" style="margin: 0rem 0.4rem">
            
            
        </div>
        <div class="tx_input select_arrow" style="margin: 0.3rem 0.4rem">
            <input id='picker' class="weui-input"  placeholder="请选择代理等级">
        </div>

        <div class="weui-btn-area" style="margin: 0.4rem">
            <a href="javascript:;" class="weui-btn weui-btn_primary">确定</a>
        </div>
    </div>
</div>
  <div class="alertBox">
      <div class="alertBG"></div>
      <div class="alert">
          <div class="text fs30 color_3 bor_b">

          </div>
          <!-- 单按钮 -->
          <div class="button fs32 fw_b color_r">
              知道了
          </div>
          <!-- 双按钮 -->
          <div class="buttonBox fs32 fw_b">
              <span class="color_9 bor_r cancel">取消</span>
              <span class="color_r confirm">确定</span>
          </div>
      </div>
  </div>
<script src="../../static/assets/js/lib/jquery-2.1.4.js"></script>
<script src="../../static/assets/js/jquery-weui.min.js"></script>
<script src="../../static/assets/js/lib/fastclick.js"></script>
   <script src="../../static/js/jquery/jquery.cookie.js"></script>
   <script src="../../static/mobile/default/js/page.js?v=1"></script>
<script>
    $(function() {
        FastClick.attach(document.body);
    });
</script>
<script>
    let data = [];
    let list = ''
          share()
     function  share(){
    /***用户点击分享到微信圈后加载接口接口*******/
        var url=window.location.href;
        console.log("url:"+url);
            $.ajax({
		    url: "/api/mp/wxconfig",
		    type: "post",
		    data:{shareUrl:url},
		    headers:{ token: $.cookie('code')},
		    dataType: "json",
		    success: function(data){
		         configData = {
                    debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    appId: data.data.appid, // 必填，公众号的唯一标识
                    timestamp: data.data.timestamp, // 必填，生成签名的时间戳
                    nonceStr: data.data.nonceStr, // 必填，生成签名的随机串
                    signature: data.data.signature,// 必填，签名，见附录1
                    jsApiList : ['hideOptionMenu']
                    // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
               };
               
               //step2:注入配置信息
               wx.config(configData);
               //step3:通过ready接口处理成功验证
               wx.ready(function () {
                   // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//                 alert("执行ready方法");
//                 wx.checkJsApi({
//                      jsApiList: ['chooseImage'] // 需要检测的JS接口列表，所有JS接口列表见附录2,
//                      success: function(res) {
//                      // 以键值对的形式返回，可用的api值true，不可用为false
//                      // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
//                      }
//                 });
                   //接口1:获取网络类型
                    wx.getNetworkType({
                        success: function (res) {
                          oldNet = res.networkType; // 返回网络类型2g，3g，4g，wifi
//                        alert("网络类型"+ oldNet);
                        }
                     });
                   //禁用右上角菜单按钮
                   wx.hideOptionMenu();
		    })
		    },
		    error: function() {
// 			    _alert('ajax request failed!!!!');
			    return;
		    } 
        })

	    
	    
	    }
    $(function () {
        $.ajax({
            type:'get',
            url:'/api/mp/selectProxyLevel',
            headers:{'token': $.cookie('code')},
            success:function(res){
                if(res.length == 0){
                   $.alert('您当前身份暂无可调节身份权限',function(){
                      window.history.go(-1);
                   });   
                }
                list =res.data
                for(var i=0;i<res.data.length;i++){
                    data.push(res.data[i].name)
                }
            }
        })
        $("#picker").picker({
            title: "请选择",
            cols: [
                {
                    textAlign: 'center',
                    values: data
                }
            ]
        });
    })
    
    $('.weui-btn').on('click',function (res) {
        
     if(!$('#levelID').val()){
         _alert('请选择ID');
         return
    }else if(!$('#picker').val()){
        _alert('请选择代理商等级');
        return
    }
     _alert('确定设置ID号为'+$('#levelID').val()+'为代理商吗？',function(){
         
         submit()
     });
        
     
    })
    function submit(){
         var rank = $('#picker').val();
        var rankID = ''
        for(var i=0;i<list.length;i++){
            if(list[i].name == rank){
                rankID = list[i].id
            }
        }
        $.ajax({
            type:'get',
            url:'/api/mp/setProxyLevel',
             headers:{ token: $.cookie('code')},
            data:{'id':$('#levelID').val(),'userLevelId':rankID},
            success:function(res){
                if(res.errno != 0){
                    $.alert(res.errmsg)
                }else{
                     $.alert(res.errmsg,function () {
                       window.location.href = "/member/center/index.html";
                   });
                }
              
            }
        })
    }
    function retrieval(){
        $.ajax({
            type:"POST",
            data:{'ID':$('#levelID').val()},
            url:"/user/userapi/retrieval.html",
            success:function(res){
                $('#role_user').html(res);
            }
        })
    }
</script>
</body>
</html>